<script setup name="Child" lang="ts">
/* defineProps({
  // !String 首字母是大写，Vue 规定的
  username: String,
  money: {
    type: Number,
    default: 10
  }
}) */

// TS 项目中，接收数据和类型校验建议用 defineProps 泛型函数写法
// !可以通过解构的形式，指定默认值，开启 reactivityTransform
/* const { money = 10 } = defineProps<{
  // string 是小写的
  username: string;
  money?: number
}>() */

// !指定默认值的第二种写法，了解就行
withDefaults(defineProps<{
  // string 是小写的
  username: string;
  money?: number
}>(), {
  money: 10
})
</script>
<template>
  <div>
    <p>username: {{username}}</p>
    <p>money: {{money}}</p>
  </div>
</template>
